
/* L'en-tête */

#en_tete
{
   width: 860px;
   height: 100px;
   background-image: url("/site_media/images/header.png");
   background-repeat: no-repeat;
   margin-bottom: 10p
        position : absolute;
        border : 1px solid transparent;
        padding : 0;
        font : bold 13px Batang, arial, serif; /* change la police */
        list-style-type : none; /* enlève les puces */
        left : 50%;
        width : 640px; /* largeur du menu */
	margin-left : -250px; /* la moitié de width */
}
 

#onglets li
{
    float : left;
    height : 23px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #F4F9FD;
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 1px 2px 0 2px;  /* Pour IE  */
    border : 2px solid #9EA0A1;
}
 

#onglets a
{
    display : block;
    color : #666;
    text-decoration : none;
    padding : 4px;
}
 
#onglets a:hover
{
    background : #f00; /* Couleur rouge lorsque souris sur l'onglet */
}
 


/* Le corps de la page */

#corps
{
   margin-left: 0px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-right: 0px;  
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: #FFFFFF;
 /*background-color: #00B050;  Une couleur de fond pour le corps */
   background-image: url("images/motif.png");
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
   
   border: 0px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
 


}

#corps h1
{
   color: #B3B3B3;
   text-align: right;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;

   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 5px;
   clear: both;

   text-align: center;

   color: #B3B3B3;
  /* background-color: #626262;*/
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 0px solid black;
}

h1
{
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

